/*= Reset ===========================================================================================================================*/
@import "../reindeer/styles.css";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
						{ margin:0 !important; padding:0; }
table					{ border-collapse:collapse; border-spacing:0; }
fieldset,img 			{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var 
						{ font-style:normal; font-weight:normal; }
ol,ul 					{ list-style:none; }
caption,th 				{ text-align:left; }
h1,h2,h3,h4,h5,h6 		{ font-weight:bold; }
q:before,q:after 		{ content:''; }
abbr,acronym 			{ border:0; }

/*= HTML ============================================================================================================================*/	
html, body				{ height:100% !important; width: 100%; }
body					{ font-size:11px;  font-family:Verdana, Tahoma, Helvetica, Arial, Sans-Serif; color:#444; 
						  background:#fff url('../img/contentBG.png') 0 105px repeat-x; height:100%; }
ins						{ text-decoration:none; color:#900; font-style:italic; }
code					{ color:#555; }
p						{ margin:5px 0px; text-align:justify; line-height:1.8em; }
ul						{ margin-left:20px; }
li						{ line-height:2em; }
strong					{ font-weight:bold; color:#002454; font-size:1.1em; }
dt						{ font-weight:bold; }
th, td					{ padding:0 1em; line-height:1.5em; }		
th						{ padding:0 1em; }	
h1						{ text-indent:-9999px; font-size:1.8em; }
h2						{ font-size:1.8em; color:#002454; font-weight:normal; margin:10px 0 8px 0; }
input, select			{ font-size:14px; }
a						{ text-decoration:none; color:#002454; }
a:hover					{  }

/*= Clases ==========================================================================================================================*/

.left					{ float:left; margin-right:1em; }
.right					{ float:right; margin-left:1em; }
.clear					{ clear:both; }
.first					{ margin-left:0 !important; }
.last					{ margin-right:0 !important; }
.center					{ text-align:center; }
.small					{ font-size:0.80em; }
.half					{ width:50%; float:left; }
.third					{ width:33%; float:left; }
.data					{ border:1px solid #b7babc; font-size:11px; width:100%; }
.data thead tr			{ background:url('../img/tableHeadBG.png') bottom left repeat-x; }
.data thead tr th		{ font-weight:bold; color:#0b333c; border-bottom:1px solid #b7babc; }
.data thead tr th:hover	{ background:#b2e1ff; }
.data tbody tr:nth-child(even)
						{ background-color:#f6f6f6; }
.data td, .data th		{ border-right:1px solid #b7babc; vertical-align:middle; height:22px; }
.data td:last-child		{ border-right:0; }
.contentPadding			{ padding:20px; }
.cols					{  }
.col					{ width:48%; float:left; margin:0 2%; }
.first					{ margin-left:0; }
.last					{ margin-right:0; }

/*= Layout ==========================================================================================================================*/

#page					{ margin:0 auto; width:100%; height:100%; }
#header					{ height:95px; border-bottom:10px solid #f90; min-width:770px;
						  background:#002455 url('../img/headerBG.png') top left no-repeat; }
#sidebar				{ float:left; width:188px; }
#nav					{ margin-top:10px; background:url('../img/menuSeparator.png') top no-repeat; padding-top:1px; width:188px; clear:both; }
#content				{ border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
#footer					{ clear:both; height:50px; padding:10px 30px; font-size:10px; text-align:right; }

.section				{ width:100%; }
.sectionHeader			{ margin:0 0 10px 0; height:22px; }
.sectionHeader .title	{ font-size:14px; float:left; }
.sectionHeader .controls{ float:right; }

/* Header */

#headerLogoApp			{ float:left; background:url('../img/headerLogoApp.png'); width:438px; height:95px; }
#headerLogoPopular		{ float:right; background:url('../img/headerLogoPopular.png') top left no-repeat;
						  margin:15px 30px 0 0; width:223px; height:62px; }

/* Navigation */

#nav ul					{ margin-left:0; }
#nav ul li				{ width:187px; display:block; height:36px; background:url('../img/menuSeparator.png') bottom no-repeat; }
#nav ul li:first-child a{  }
#nav ul li a			{ display:block; width:187px; height:35px; position:relative; }
#nav ul li a:hover		{ background:url('../img/menuHighlight.png') top repeat-y; color:#002657; }
#nav ul li a .icon		{ background-position: top left; background-repeat:no-repeat; float:left; margin:9px 8px 0 15px; width:16px; height:16px; }
#nav ul li a .text		{ font-size:12px; float:left; margin-top:5px; }

#navCirculares .icon	{ background-image:url('../img/icons/documents-stack.png'); }
#navCambios .icon		{ background-image:url('../img/icons/user-business-change.png'); }

#contentTitle			{ border-bottom:1px solid #ccc; padding:10px; }
#contentTitle span		{ font-size:24px; color:#002453; margin:10px 20px; }

.search					{ width:22px; height:22px; background:url('../img/buttonMagnifierUp.png') top left no-repeat; float:left; display:block; }
.search:hover			{ background:url('../img/buttonMagnifierOver.png') top left no-repeat; }

.infoText				{ padding-left:28px; background:url('../img/icons/information.png') 0 2px no-repeat; height:22px; }

#footer strong			{ color:#444; }

.inputWrapper			{ margin-bottom:10px; }

.search					{ width:22px; height:22px; background:url('../img/buttonMagnifierUp.png') top left no-repeat; float:left; display:block; }
.search:hover			{ background:url('../img/buttonMagnifierOver.png') top left no-repeat; }

.formLabel				{ font-weight:bold; }

.form td				{ padding:3px; height:22px; }

.marginAuto				{ margin: 0 auto; }

#toolbar				{ height:26px; background:url('../img/toolbarBG.png'); }